body{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(41,45,48,1);
}
.login{
    text-align: center;
    width: 404px;
    height: 419px;
    margin: 11% auto;
    background-color: #fff;
}
#username, #inputPassword {
    width: 330px;
    height: 44px;
    padding-left: 10%;
    font-size: 15px;
    margin-left: 13%;
}
.formImgDiv {
    position: absolute;
    margin-left: 61px;
    z-index: 1;
    margin-top: 7px;
}
#loginForm {
    width: 400px;
    height: 400px;
}
.userName, .password {
    margin-left: -8px;
}
#loginTop>span {
    color: #47C9AF;
    font-style: italic;
    font-weight: bold;
}
#loginTop {
    width: 168px;
    height: 36px;
    margin-bottom: 95px;
    margin-left: 114px;
    padding-top: 40px;
}
#loginTop>span:first-child {
    font-size: 36px;
}
#loginTop>span:last-child {
    font-size: 26px;
    margin-left: 11px;
}
#loginForm>.form-group:last-child{
    margin-top: 56px;
}
@media (max-width: 770px) {
    .formImgDiv {
        margin-left: 71px;
    }
    #username, #inputPassword {
        margin-left: 5%;
    }
    #login {
        width: 353px;
        margin-left: 45px;
    }
}
/*适应手机*/
@media screen and (max-width: 980px){
    #loginIn {
       height: 100%;
    }
   .login {
       width: 100%;
       height: 100%;
       margin: 0pt auto;
   }
   #loginTop {
       padding-top: 40%;
       width: 550pt;
       margin-bottom: 110pt;
   }
    #loginTop>span:first-child {
        font-size: 50pt;
    }
    #loginTop>span:last-child {
        font-size: 40pt;
    }
    #username, #inputPassword {
        width: 500pt;
        height: 60pt;
        margin-left: 50%;
        font-size: 25pt;.
        padding-left: 30pt;
    }
    .formImgDiv {
        margin-left: 137pt;
        margin-top: 19pt;
    }
    #login {
        width: 600pt;
        margin-left: 50pt;
        height: 60pt;
        font-size: 31pt;
        padding-top: 2pt;
    }


}